@use "../styles/theme.scss";

:local(.section-title) {
  font-size: theme.$font-size-sm;
  font-weight: theme.$font-weight-bold;
  color: theme.$darkgrey;
  margin-bottom: 16px;
  margin-top: 16px;

  &:first-child {
    margin-top: 0;
  }
}

:local(.scene-screenshot-container) {
  position: relative;
  width: 100%;
  border-radius: 12px;
}

:local(.scene-screenshot-image) {
  background-color: theme.$lightgrey;
  border-radius: 12px;
}

:local(.scene-info) {
  margin-bottom: 16px;
}

:local(.scene-name) {
  color: theme.$darkgrey;
}

:local(.scene-creator) {
  margin-top: 4px;
  font-size: theme.$font-size-sm;
  color: theme.$darkgrey;
}

:local(.attribution) {
  font-size: theme.$font-size-sm;
  margin-top: 8px;
  color: theme.$darkgrey;

  &:first-child {
    margin-top: 0;
  }
}

:local(.attribution-name) {
  font-weight: theme.$font-weight-bold;
}

:local(.attribution-author) {
  margin-top: 4px;
}
